<template>
  <a-config-provider :locale="locale">
    <section class="app">
      <home-header />
      <router-view style="height: calc(100% - 48px);" />
    </section>
  </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale/zh_CN'
import HomeHeader from '@/components/header/HomeHeader.vue'

export default {
  components: {
    HomeHeader,
  },
  data() {
    return {
      locale: zhCN,
    }
  },
}
</script>

<style lang="less">
body {
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}

.app {
  font-family: Helvetica, Tahoma, Arial, STXihei, '华文细黑', 'Microsoft YaHei',
    '微软雅黑', SimSun, '宋体', Heiti, '黑体', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
  width: 100%;
}
</style>
